<div class="content">
  <!--  订单信息-->
  <nz-row>
    <h3>订单信息</h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="8">
        <nz-row style="margin-top: 8px">
          <span class="infoLabel">订单编号</span>{{orderDetail.orderInfo.serial}}
          <nz-tag
            *ngIf="orderDetail.orderInfo.freeGiftFlag != '0'"
            class="m-l-10"
            [nzColor]="orderDetail.orderInfo.freeGiftFlag == '1' ? 'red' : '#2db7f5'">
            {{ orderDetail.orderInfo.freeGiftFlag | giftFlag }}
          </nz-tag>
        </nz-row>
        <nz-row style="margin-top: 24px">
          <span class="infoLabel">订单状态</span>
          <!-- <span [ngStyle]="{color: orderDetail.orderInfo.refundState===3?'#67C23A':orderDetail.orderInfo.color}">{{orderDetail.orderInfo.refundState === 3 ? '交易结束' : orderDetail.orderInfo.status|orderStatus}}</span> -->
          <span [ngStyle]="{color: orderDetail.orderInfo.color}">{{orderDetail.orderInfo.status | orderStatus}}</span>
        </nz-row>
        <!--        <nz-row><span style="color: rgba(0,0,0,0.3);margin-right: 8px">审核信息</span>{{orderDetail.orderInfo.checkInfo}}-->
        <!--        </nz-row>-->
      </nz-col>
      <!--      <nz-col nzSpan="16">-->
      <!--        <div style="padding-left: 40px;padding-bottom: 24px"-->
      <!--             [ngStyle]="{color: orderDetail.orderInfo.color}">{{orderDetail.orderInfo.status|orderStatus}}</div>-->
      <!--        <nz-steps [nzCurrent]="orderDetail.orderInfo.stepIndex" nzLabelPlacement="vertical">-->
      <!--          <nz-step *ngFor="let step of orderDetail.orderInfo.stepList" [nzTitle]="step['name']"-->
      <!--                   [nzDescription]="step['detail']"></nz-step>-->
      <!--        </nz-steps>-->
      <!--      </nz-col>-->
    </nz-row>
  </nz-row>
  <!--  物流动态-->
  <nz-row *ngIf="orderDetail.logisticsTabs.length">
    <h3>物流动态</h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="24">
        <nz-row style="width: 100%;padding:8px;">
          <nz-col nzSpan="12" style="border: 1px solid rgba(0,0,0,0.3);min-width: 720px">
            <nz-tabset *ngIf="orderDetail.logisticsTabs.length>1"
                       style="height:300px;"
                       [nzTabPosition]="'left'"
                       [nzSelectedIndex]="0"
            >
              <nz-tab *ngFor="let tab of orderDetail.logisticsTabs;let index=index"
                      [nzTitle]="'运单'+(index+1)"
              >
                <div style="margin-top: 8px">
                  {{tab['expressName']}}:{{tab['expressNum']}}
                  <i (click)="copyInfo(tab['expressNum'])"
                     nz-icon
                     nzType="copy" nzTheme="outline"></i>
                </div>
                <span style="overflow-y: auto;height: 300px;padding-right:8px;display: inline-block;text-align: left">
                  <nz-timeline style="padding: 8px;">
                    <nz-timeline-item [nzLabel]="lt['time']"
                                      *ngFor="let lt of tab['children']">
                      {{lt['station']}}
                    </nz-timeline-item>
                  </nz-timeline>
                </span>
              </nz-tab>
            </nz-tabset>
            <div *ngIf="orderDetail.logisticsTabs.length===1" style="height: 330px;">
              <div style="margin-top: 8px">
                {{orderDetail.logisticsTabs[0]['expressName']}}:{{orderDetail.logisticsTabs[0]['expressNum']}}
                <i
                  (click)="copyInfo(orderDetail.logisticsTabs[0]['expressNum'])"
                  nz-icon
                  nzType="copy" nzTheme="outline"></i>
              </div>
              <span style="overflow-y: auto;height: 300px;padding-right:8px;display: inline-block;text-align: left;">
                  <nz-timeline style="padding: 8px;">
                    <nz-timeline-item [nzLabel]="lt['time']"
                                      *ngFor="let lt of orderDetail.logisticsTabs[0]['children']">
                      {{lt['station']}}
                    </nz-timeline-item>
                  </nz-timeline>
                </span>
            </div>
          </nz-col>
        </nz-row>
      </nz-col>
    </nz-row>
  </nz-row>
  <!--  收货人信息-->
  <nz-row>
    <h3>
      收货人信息
      <i
        (click)="copyInfo('收货人:'+orderDetail.consigneeInfo.consignee+' 联系电话:'+orderDetail.consigneeInfo.tel+' 收货地址:'+orderDetail.consigneeInfo.address)"
        nz-icon
        nzType="copy" nzTheme="outline"></i>
      <i
        style="margin-left: 14px"
        *ngIf="orderDetail.orderInfo.status<8"
        (click)="showModifyConsigneeModal()"
        nz-icon
        nzType="form" nzTheme="outline"></i>
    </h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6"><span class="infoLabel">收货人</span>{{orderDetail.consigneeInfo.consignee}}</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">联系电话</span>{{orderDetail.consigneeInfo.tel}}</nz-col>
      <nz-col nzSpan="12">
        <div class="infoLabel" style="vertical-align: top">收货地址</div>
        <div style="display: inline-block;min-width: 60%;max-width: 70%">{{orderDetail.consigneeInfo.address}} {{orderDetail.consigneeInfo.detailAddress}}</div>
      </nz-col>
    </nz-row>
  </nz-row>
  <!--  买家信息-->
  <nz-row>
    <h3>
      买家信息
      <i (click)="copyInfo('买家账号:'+orderDetail.buyerInfo.userName+' 买家电话:'+orderDetail.buyerInfo.phone)" nz-icon
         nzType="copy" nzTheme="outline"></i>
    </h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6"><span class="infoLabel">买家账号</span>{{orderDetail.buyerInfo.userName}}</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">买家电话</span>{{orderDetail.buyerInfo.phone}}</nz-col>
    </nz-row>
  </nz-row>
  <!--  收款信息-->
  <nz-row>
    <h3>收款信息</h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6"><span class="infoLabel">实收总额</span>{{orderDetail.proceedsInfo.realPrice || '0'}}</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">收款状态</span>{{orderDetail.proceedsInfo.payStatus|payStatus}}</nz-col>
      <nz-col nzSpan="12">
        <span class="infoLabel">第三方流水号</span>{{orderDetail.proceedsInfo.payOrderNum}}
        <i *ngIf="orderDetail.proceedsInfo.payOrderNum" (click)="copyInfo(orderDetail.proceedsInfo.payOrderNum)" nz-icon
           nzType="copy" nzTheme="outline"></i>
      </nz-col>
      <!-- <nz-col nzSpan="6"><span class="infoLabel">应收金额</span>{{orderDetail.proceedsInfo.totalPrice}}</nz-col> -->
    </nz-row>

    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6"><span class="infoLabel">商品总额</span>{{ (orderDetail.proceedsInfo.totalPrice || 0) + (orderDetail.proceedsInfo.expressPrice || 0) }}</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">付款方式</span>{{orderDetail.proceedsInfo.payType|payType}}</nz-col>
      <nz-col nzSpan="12">
        <span class="infoLabel">支付商家编号</span>
        {{orderDetail.proceedsInfo.paymentMerchantNo}}
        <i *ngIf="orderDetail.proceedsInfo.paymentMerchantNo" (click)="copyInfo(orderDetail.proceedsInfo.paymentMerchantNo)" nz-icon nzType="copy" nzTheme="outline"></i>
      </nz-col>
    </nz-row>

    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6"><span class="infoLabel">运费</span>{{orderDetail.proceedsInfo.expressPrice || '0'}}</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">付款时间</span>{{orderDetail.proceedsInfo.payTime}}</nz-col>
    </nz-row>

    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6">
        <span class="infoLabel">爱豆</span>{{ orderDetail.proceedsInfo?.aiDouAmount || '0' }} 个
      </nz-col>
    </nz-row>

    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6">
        <span class="infoLabel">优惠总额</span>
        <span>
          {{ (detailsDatas?.orderInfo?.promotionPrice || 0) + (detailsDatas?.orderInfo?.dzCouponAmount || 0) + (detailsDatas?.orderInfo?.couponPrice || 0) }}元
        </span>
      </nz-col>
    </nz-row>

    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6">
        <span class="infoLabel">商家改价</span>
        <span>{{ (orderDetail.orderInfo?.changePrice || '0') }}元</span>
      </nz-col>
    </nz-row>
  </nz-row>

  <!-- 优惠信息 -->
  <nz-row>
    <h3>优惠信息</h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6">
        <span class="infoLabel">优惠总额</span>
        <span>
          {{ (detailsDatas?.orderInfo?.promotionPrice || 0) + (detailsDatas?.orderInfo?.dzCouponAmount || 0) + (detailsDatas?.orderInfo?.couponPrice || 0) }}元
        </span>
        <!-- <span *ngIf="orderDetail.orderInfo.freeGiftFlag != '0';else templatePrice1">
          {{ (orderDetail.orderInfo.favorablePrice || 0) + (orderDetail.orderInfo.texturePrice || 0) - (orderDetail.orderInfo.changePrice || 0) + "元" }}
        </span>
        <ng-template #templatePrice1>-</ng-template> -->
      </nz-col>
      <nz-col nzSpan="6">
        <span class="infoLabel">促销活动</span>
        <span>{{ detailsDatas?.orderInfo?.promotionPrice ? detailsDatas?.orderInfo?.promotionPrice + "元" : '-' }}</span>
      </nz-col>
      <nz-col nzSpan="6">
        <span class="infoLabel">定制券兑换</span>
        <span *ngIf="orderDetail.orderInfo.freeGiftFlag == '2';else templatePrice3">{{ (orderDetail.orderInfo.dzCouponAmount || '0') + "元" }}</span>
        <ng-template #templatePrice3>-</ng-template>
      </nz-col>

      <nz-col nzSpan="6">
        <span class="infoLabel">优惠券</span>
        <span>
          {{ detailsDatas?.orderInfo?.couponPrice || '0' }}元
          <!-- <nz-tag *ngIf="orderDetails.couponName">{{ orderDetails.couponName }}</nz-tag> -->
        </span>
      </nz-col>
    </nz-row>
  </nz-row>

  <!-- 商家改价 -->
  <nz-row>
    <h3>商家改价</h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6">
        <span class="infoLabel">商家改价</span>
        <span>
          <ng-container *ngIf="orderDetail.orderInfo?.changePrice;else templateP">
            {{ (orderDetail.orderInfo?.changePrice || '0') }}元
          </ng-container>
          <ng-template #templateP>-</ng-template>
        </span>
      </nz-col>
    </nz-row>
  </nz-row>

  <!--  退款信息-->
  <nz-row>
    <h3>退款信息</h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6">
        <span class="infoLabel">退款总额</span>
        {{ (orderDetail.refundInfo.refundPrice || 0) + (orderDetail.refundInfo.aiDouAmount || 0) }}元
      </nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">爱豆</span>{{ orderDetail.refundInfo.aiDouAmount || '0' }}个</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">金额</span>{{ orderDetail.refundInfo.refundPrice || '0' }}元</nz-col>
    </nz-row>
  </nz-row>

  <!-- 返利信息 -->
  <nz-row>
    <h3>返利信息</h3>
    <nz-row style="width: 100%;padding-left: 24px;margin-top: 12px">
      <nz-col nzSpan="6"><span class="infoLabel">返利爱豆</span>{{ orderDetail?.rebateJSON?.amount || '0' }}个</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">收益到账状态</span>{{ orderDetail?.rebateJSON?.state || '-' }}</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">收益到账时间</span>{{ orderDetail?.rebateJSON?.accountTime || '-' }}</nz-col>
      <nz-col nzSpan="6"><span class="infoLabel">上级用户ID</span>{{ orderDetail?.rebateJSON?.userId || '-' }}</nz-col>
    </nz-row>
  </nz-row>

  <!--  商品信息-->
  <nz-row>
    <h3>商品信息</h3>
    <nz-row class="customTable">
      <nz-row class="tableHead">
        <nz-col nzSpan="9">商品信息</nz-col>
        <nz-col nzSpan="5">购买数量</nz-col>
        <nz-col nzSpan="5">购买单价</nz-col>
        <nz-col nzSpan="5">小计</nz-col>
        <!-- <nz-col nzSpan="4">优惠小计</nz-col> -->
      </nz-row>
      <div style="max-height: 208px;overflow-y: auto;width: 100%">
        <nz-row class="tableRow" *ngFor="let item of orderDetail.goodsInfo.goodsArray">
          <nz-col nzSpan="9">
            <nz-row>
              <nz-col nzSpan="4" style="text-align: center">
                <img
                  nz-image
                  width="25px"
                  *ngIf="item['img']"
                  [nzSrc]="item['img']">
              </nz-col>
              <nz-col nzSpan="20" style="display: flex;flex-direction: column;justify-content: center">
                <div>{{item['brandName']}}</div>
                <div>{{item['goodsName']}}</div>
              </nz-col>
            </nz-row>
          </nz-col>
          <nz-col nzSpan="5">x{{item['num']}}</nz-col>
          <nz-col nzSpan="5">￥{{item['price']}}</nz-col>
          <nz-col nzSpan="5">￥{{item['totalPrice']}}</nz-col>
          <!-- <nz-col nzSpan="4">￥{{item['favorablePrice']}}</nz-col> -->
        </nz-row>
      </div>
      <nz-row class="tableRow" *ngIf="orderDetail.goodsInfo.goodsArray.length>0">
        <nz-col nzSpan="9"><b>合计</b></nz-col>
        <nz-col nzSpan="5">x{{orderDetail.goodsInfo.count.num}}</nz-col>
        <nz-col nzSpan="5">-</nz-col>
        <nz-col nzSpan="5">￥{{orderDetail.goodsInfo.count.count}}</nz-col>
        <!-- <nz-col nzSpan="4">￥{{orderDetail.goodsInfo.count.discounts}}</nz-col> -->
      </nz-row>
      <nz-row style="padding: 4px;">
        <nz-col nzSpan="4" nzOffset="20" style="flex-direction: column;align-items: flex-start">
          <div>运费: ￥{{orderDetail.goodsInfo.expressPrice}}</div>
          <div>爱豆: ￥{{ orderDetail.goodsInfo.aiDouAmount || '0' }}</div>
          <div>
            优惠总额: {{ (detailsDatas?.orderInfo?.promotionPrice || 0) + (detailsDatas?.orderInfo?.dzCouponAmount || 0) + (detailsDatas?.orderInfo?.couponPrice || 0) }}元
          </div>
          <div>
            商家改价: {{ (orderDetail.orderInfo?.changePrice || '0') }}元
          </div>
          <div>实收金额: ￥{{orderDetail.proceedsInfo.realPrice || '0'}}</div>
        </nz-col>
      </nz-row>
    </nz-row>
  </nz-row>
  <!--  跟进信息-->
  <nz-row *ngIf="orderDetail.trackInfo.length">
    <h3>跟进信息</h3>
    <nz-row class="customTable">
      <nz-row class="tableHead">
        <nz-col nzSpan="2">id</nz-col>
        <nz-col nzSpan="6">跟进时间</nz-col>
        <nz-col nzSpan="4">跟进人</nz-col>
        <nz-col nzSpan="8">跟进内容</nz-col>
        <nz-col nzSpan="4">附件</nz-col>
      </nz-row>
      <div class="tableContent" style="max-height: 208px;overflow-y: auto;width: 100%">
        <nz-row class="tableRow" *ngFor="let item of orderDetail.trackInfo;let index=index">
          <nz-col nzSpan="2">{{item['orderId']}}</nz-col>
          <nz-col nzSpan="6">{{item['createTime']}}</nz-col>
          <nz-col nzSpan="4">{{item['follower']}}</nz-col>
          <nz-col nzSpan="8">{{item['content']}}</nz-col>
          <nz-col nzSpan="4">
            <a *ngIf="item['enclosure']" [href]="item['enclosure']" style="color: #008dff" target="_blank">点击查看</a>
          </nz-col>
        </nz-row>
      </div>
    </nz-row>
  </nz-row>
  <!--  商品信息-->
  <nz-row>
    <button
      nz-button
      nzType="primary"
      class="m-r-8"
      (click)="showTrackModal()"
      *ngIf="permission.userPermission.has('customization:manage:order-manage:track')">
      跟进
    </button>
    <!-- [8,9].includes(orderDetail.orderInfo.status)&&orderDetail.orderInfo.refundState!==3" -->
    <button
      nz-button
      nzType="primary"
      (click)="showAfterSaleModal()"
      *ngIf="permission.userPermission.has('customization:manage:order-manage:refund')&&[8,9].includes(orderDetail.orderInfo.status)">
      售后退款
    </button>
    <!-- [2,3,7].includes(orderDetail.orderInfo.status)&&orderDetail.orderInfo.refundState!==3" -->
    <button
      nz-button
      nzType="primary"
      (click)="showCancelOrderModal()"
      *ngIf="permission.userPermission.has('customization:manage:order-manage:refund')&&[2,3,7].includes(orderDetail.orderInfo.status)">
      取消订单
    </button>
    <button
      nz-button
      nzType="primary"
      class="m-l-8"
      (click)="showPriceModal()"
      *ngIf="permission.userPermission.has('customization:manage:order-manage:changePrice') && [2].includes(orderDetail.orderInfo.status)">
      商家改价
    </button>
    <button
      nz-button
      nzType="primary"
      class="m-l-8"
      (click)="showSignModal(orderDetail.orderInfo?.toast ? 1 : 0)"
      *ngIf="permission.userPermission.has('customization:manage:order-manage:sign') && [3,4,5,6,7].includes(orderDetail.orderInfo.status)">
      {{ orderDetail.orderInfo?.toast ? '取消标记' : '标记' }}
    </button>
  </nz-row>
</div>

<!--跟进模态框-->
<nz-modal nzWidth="1050px"
          [nzVisible]="trackModal.trackModalVisible"
          nzTitle="跟进"
          (nzOnCancel)="hideTrackModal(false)"
          [nzFooter]="null"
>
  <ng-container *nzModalContent>
    <textarea rows="4" nz-input placeholder="请输入跟进内容" style="width: 100%" [(ngModel)]="trackModal.remark"></textarea>
    <div style="margin-top: 8px;display: flex;justify-content: space-between">
      <nz-upload [(nzFileList)]="trackModal.file" [nzAccept]="'image/*,.pdf,.txt,.xls,.xlsx,.doc,.docx,.ppt,.pptx'"
                 [nzBeforeUpload]="beforeUpload">
        <button nz-button>
          选择文件
        </button>
        <span>请选择图片、office文件、PDF文件</span>
      </nz-upload>
      <button nz-button nzType="primary" (click)="hideTrackModal(true)">保存</button>
    </div>
    <nz-row style="margin-top: 8px;max-height: 604px;overflow-y: auto" *ngIf="orderDetail.trackInfo.length">
      <!--      <nz-divider nzText="跟进信息"></nz-divider>-->
      <nz-timeline style="padding: 8px;width: 100%">
        <nz-timeline-item [nzLabel]="lt['createTime']"
                          *ngFor="let lt of orderDetail.trackInfo">
          {{lt['station']}}
          <div>{{lt['follower']}}</div>
          <div>{{lt['content']}}</div>
          <a *ngIf="lt['enclosure']" [href]="lt['enclosure']" style="color: #008dff" target="_blank">点击查看</a>
        </nz-timeline-item>
      </nz-timeline>
    </nz-row>
  </ng-container>
</nz-modal>


<!--售后退款模态框-->
<nz-modal
  [(nzVisible)]="afterSaleModal.visible"
  nzTitle="跟进"
  (nzOnCancel)="hideAfterSaleModal(false)"
  (nzOnOk)="hideAfterSaleModal(true)"
  [nzOkLoading]="afterSaleModal.loading"
>
  <ng-container *nzModalContent>
    <nz-row style="margin-top: 8px">
      <nz-col nzSpan="8" style="text-align: right">
        <label for="refund"><span style="color: red">*</span>退款金额（元）:</label>
      </nz-col>
      <nz-col nzSpan="15" nzOffset="1">
        <input id="refund" nz-input type="number" placeholder="请输入退款金额" [(ngModel)]="afterSaleModal.refundPrice"/>
      </nz-col>
    </nz-row>
    <!-- <nz-row style="margin-top: 8px">
      <nz-col nzSpan="8" style="text-align: right">
        <label for="freight"><span style="color: red">*</span>我方承担运费（元）:</label>
      </nz-col>
      <nz-col nzSpan="15" nzOffset="1">
        <input id="freight" nz-input [min]="0" type="number" placeholder="请输入我方承担运费"
               [(ngModel)]="afterSaleModal.bearFreight"/>
      </nz-col>
    </nz-row> -->
    <nz-row style="margin-top: 8px">
      <nz-col nzSpan="8" style="text-align: right">
        <label for="remark">备注:</label>
      </nz-col>
      <nz-col nzSpan="15" nzOffset="1">
        <textarea id="remark" rows="4" nz-input placeholder="请输入备注" [(ngModel)]="afterSaleModal.auditNote"></textarea>
      </nz-col>
    </nz-row>
    <div>PS:</div>
    <div>1、确认以后，该订单会直接将填写的款项原路退回到用户账户。</div>
    <div>2、请提前做好备注记录，不要胡乱操作，避免造成损失。</div>
    <div>3、若用户用爱豆支付，将优先退款爱豆。</div>
  </ng-container>
</nz-modal>

<!--取消订单模态框-->
<nz-modal
  [(nzVisible)]="cancelOrderModal.visible"
  nzTitle="取消订单"
  (nzOnCancel)="hideCancelOrderModal(false)"
  (nzOnOk)="hideCancelOrderModal(true)"
  [nzOkLoading]="cancelOrderModal.loading"
>
  <ng-container *nzModalContent>
    <nz-row style="margin-top: 8px">
      <nz-col nzSpan="4" style="text-align: left">
        <label for="cancelRemark"><span style="color: red">*</span>备注:</label>
      </nz-col>
      <nz-col nzSpan="15" nzOffset="1">
        <textarea id="cancelRemark" rows="4" nz-input placeholder="请输入备注"
                  [(ngModel)]="cancelOrderModal.remark"></textarea>
      </nz-col>
    </nz-row>
    <div>PS:</div>
    <div>1、确认以后，该订单会直接把用户支付的金额原路退回到用户账户。</div>
    <div>2、请提前做好备注记录，不要胡乱操作，避免造成损失。</div>
    <div>3、用户实际收到的钱是退款金额+运费。</div>
  </ng-container>
</nz-modal>

<!--修改收货人信息模态框-->
<nz-modal
  [(nzVisible)]="modifyConsigneeModal.visible"
  nzTitle="修改收货人信息"
  (nzOnCancel)="hideModifyConsigneeModal(false)"
  (nzOnOk)="hideModifyConsigneeModal(true)"
  [nzOkLoading]="modifyConsigneeModal.loading"
>
  <ng-container *nzModalContent>
    <nz-row style="margin-top: 8px">
      <nz-col nzSpan="4" style="text-align: right">
        <label for="modifyConsignee"><span style="color: red">*</span>收货人:</label>
      </nz-col>
      <nz-col nzSpan="15" nzOffset="1">
        <input id="modifyConsignee" nz-input type="text" placeholder="请输入收货人姓名" [(ngModel)]="modifyConsigneeModal.username"/>
      </nz-col>
    </nz-row>
    <nz-row style="margin-top: 8px">
      <nz-col nzSpan="4" style="text-align: right">
        <label for="modifyTel"><span style="color: red">*</span>联系电话:</label>
      </nz-col>
      <nz-col nzSpan="15" nzOffset="1">
        <input id="modifyTel" nz-input type="text" maxlength="11" placeholder="请输入收货人号码" [(ngModel)]="modifyConsigneeModal.tel"/>
      </nz-col>
    </nz-row>
    <nz-row style="margin-top: 8px">
      <nz-col nzSpan="4" style="text-align: right">
        <label for="modifyArea"><span style="color: red">*</span>所在地区:</label>
      </nz-col>
      <nz-col nzSpan="15" nzOffset="1">
        <nz-cascader style="width: 295px" id="modifyArea" [(ngModel)]="modifyConsigneeModal.areas" [nzLoadData]="loadData" (ngModelChange)="onChanges($event)"></nz-cascader>
      </nz-col>
    </nz-row>
    <nz-row style="margin-top: 8px">
      <nz-col nzSpan="4" style="text-align: right">
        <label for="modifyRemark"><span style="color: red">*</span>详细地址:</label>
      </nz-col>
      <nz-col nzSpan="15" nzOffset="1">
        <textarea id="modifyRemark" rows="4" nz-input placeholder="请输入详细地址" maxlength="128"
                  [(ngModel)]="modifyConsigneeModal.detailAddress"></textarea>
      </nz-col>
    </nz-row>
  </ng-container>
</nz-modal>

<!-- S 商家改价 Modal -->
<nz-modal
  nzClassName="custom-model-wrap"
  [nzFooter]="null"
  [(nzVisible)]="isPriceVisible"
  nzTitle="商家改价"
  (nzOnCancel)="handleCancel()">

  <div *nzModalContent>
    <div class="custom-model-body">
      <!-- body START -->
      <form nz-form class="modal-body" [formGroup]="pricesForm">
        <nz-form-item>
          <nz-form-label nzSpan="8" nzRequired>改价金额（元）</nz-form-label>
          <nz-form-control nzSpan="16" nzErrorTip="请输入改动金额!">
            <nz-input-number formControlName="realPrice" nzPlaceHolder="请输入改动金额" [nzStep]="1"></nz-input-number>
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzSpan="8">备注</nz-form-label>
          <nz-form-control nzSpan="16">
            <nz-textarea-count [nzMaxCharacterCount]="100">
              <textarea rows="4" maxlength="100" formControlName="note" placeholder="请输入备注" nz-input></textarea>
            </nz-textarea-count>
          </nz-form-control>
        </nz-form-item>
      </form>
      <!-- body END -->
    </div>

    <div class="custom-model-foot">
      <div class="custom-foot-cont">
        <button nz-button nzType="primary" (click)="submitForm()">确定</button>
        <button nz-button nzType="default" (click)="handleCancel()">取消</button>
      </div>
    </div>
  </div>
</nz-modal>
<!-- E 商家改价 Modal -->

<!-- S 标记 | 取消标记 -->
<nz-modal
  nzClassName="custom-model-wrap"
  [nzFooter]="null"
  [(nzVisible)]="isSignVisble"
  [nzTitle]="signTitle"
  (nzOnCancel)="signCancel()">

  <div *nzModalContent>
    <div class="custom-model-body">
      <!-- S body -->
      <form nz-form class="modal-body" [formGroup]="signForm">
        <nz-form-item *ngIf="signTitle == '标记'">
          <nz-form-label nzSpan="4" nzRequired>原因</nz-form-label>
          <nz-form-control nzSpan="20" nzErrorTip="请输入原因!">
            <input nz-input placeholder="该原因将在客户端显示" formControlName="reason" />
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzSpan="4">备注</nz-form-label>
          <nz-form-control nzSpan="20">
            <nz-textarea-count [nzMaxCharacterCount]="150">
              <textarea rows="4" maxlength="150" formControlName="remarks" placeholder="请输入备注" nz-input></textarea>
            </nz-textarea-count>
          </nz-form-control>
        </nz-form-item>
      </form>
      <!-- E body -->
    </div>

    <div class="custom-model-foot">
      <div class="custom-foot-cont">
        <button nz-button nzType="primary" (click)="submitSign()">确定</button>
        <button nz-button nzType="default" (click)="signCancel()">取消</button>
      </div>
    </div>
  </div>
</nz-modal>
<!-- E 标记 | 取消标记 -->
